<ui:component xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:s="http://jboss.com/products/seam/taglib"
	xmlns:a="http://richfaces.org/a4j"
	xmlns:rich="http://richfaces.org/rich"
	xmlns:ctg="http://www.crotouristguide.com/taglib">
	<h:form>
		<a:region renderRegionOnly="true">
			<ctg:status />
			<h1>
				<h:outputText value="#{messages['title.top.accomodation']}" />
				<ctg:nbsp />
				<a:commandLink value="#{messages['label.by.visits']}"
					reRender="topObjekti">
					<f:param name="posjet" value="1" />
				</a:commandLink>
				<h:outputText value=" | "></h:outputText>
				<a:commandLink value="#{messages['label.by.reviews']}"
					reRender="topObjekti">
					<f:param name="posjet" value="2" />
				</a:commandLink>
				<s:div styleClass="subtitle no-border">
					<h:outputText value="#{messages['subtitle.top.objects']}" />
				</s:div>
			</h1>
			<h:panelGroup id="topObjekti">
				<h:inputHidden value="#{guides.posjet}"></h:inputHidden>
				<rich:tabPanel switchType="ajax" width="100%">
					<rich:tab label="#{messages['4']}" styleClass="scroller">
						<ctg:objektSlider id="obj_carousel_h" value="#{topHoteli}"
							width="540" height="330" imgWidth="225" imgHeight="150" />
					</rich:tab>
					<rich:tab label="#{messages['3']}">
						<ctg:objektSlider id="obj_carousel_a" value="#{topApartmani}"
							width="540" height="330" imgWidth="225" imgHeight="150" />
					</rich:tab>
					<rich:tab label="#{messages['1']}" styleClass="scroller">
						<ctg:objektSlider id="obj_carousel_k" value="#{topKampovi}"
							width="540" height="330" imgWidth="225" imgHeight="150" />
					</rich:tab>
					<rich:tab label="#{messages['5']}" styleClass="scroller">
						<ctg:objektSlider id="obj_carousel_k1" value="#{topVile}"
							width="540" height="330" imgWidth="225" imgHeight="150" />
					</rich:tab>
					<rich:tab label="#{messages['7']}" styleClass="scroller">
						<ctg:objektSlider id="obj_carousel_k2"
							value="#{topSeoskiTurizam}" width="540" height="330" imgWidth="225" imgHeight="150" />
					</rich:tab>
					<rich:tab label="#{messages['2']}" styleClass="scroller">
						<ctg:objektSlider id="obj_carousel_k3" value="#{topSobe}"
							width="540" height="330" imgWidth="225" imgHeight="150"/>
					</rich:tab>
					<rich:tab label="#{messages['6']}" styleClass="scroller">
						<ctg:objektSlider id="obj_carousel_k4" value="#{topKuce}"
							width="540" height="330" imgWidth="225" imgHeight="150"/>
					</rich:tab>
					<rich:tab label="#{messages['8']}" styleClass="scroller">
						<ctg:objektSlider id="obj_carousel_k5" value="#{topHosteli}"
							width="540" height="330" imgWidth="225" imgHeight="150" />
					</rich:tab>
				</rich:tabPanel>
			</h:panelGroup>
		</a:region>
	</h:form>
</ui:component>